<template>
	<view class="pay-success">
		<view class="main">
			<image src="/static/images/pay-success.png"></image>
			<view class="text">支付成功</view>
			<view class="order">查看订单</view>
			<view class="index">返回首页</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss" scoped>
	.pay-success {
		.main {
			display: flex;
			flex-direction: column;
			// justify-content: center;
			align-items: center;
			text-align: center;
			padding-top: 170rpx;


			image {
				width: 128rpx;
				height: 128rpx;
				display: block;
			}

			.text {
				margin-top: 24rpx;
				;
				font-size: 40rpx;
				font-weight: 500;
				color: rgba(51, 51, 51, 1);
			}

			.order {
				margin-top: 48rpx;
				width: 422rpx;
				height: 88rpx;
				border-radius: 24rpx;
				background: $theme-color;
				font-size: 32rpx;
				font-weight: 500;
				color: rgba(255, 255, 255, 1);
				display: flex;
				justify-content: center;
				align-items: center;
			}

			.index {
				margin-top: 32rpx;
				width: 422rpx;
				height: 88rpx;
				border-radius: 24rpx;
				font-size: 32rpx;
				font-weight: 400;
				color: rgba(94, 103, 110, 1);
				border: 2rpx solid rgba(221, 221, 221, 1);
				display: flex;
				justify-content: center;
				align-items: center;
			}
		}
	}
</style>